<section style="background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 12px; padding: 30px; margin: 25px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
  <div style="font-family: 'Helvetica Neue', 'PingFang SC', sans-serif;">
    <div style="display: flex; align-items: center; margin-bottom: 20px;">
      <span style="background: linear-gradient(to right, #ff758c, #ff7eb3); color: white; padding: 10px 20px; border-radius: 30px; font-size: 20px; font-weight: 600; box-shadow: 0 4px 8px rgba(255,117,140,0.3);">
        01
      </span>
      <h2 style="font-size: 26px; color: #2c3e50; margin-left: 20px; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);">
        <span>
          文章标题示例
        </span>
      </h2>
    </div>
    
    <p style="font-size: 16px; line-height: 1.8; color: #34495e; margin: 0 0 25px; padding: 0 15px;">
      <span>
        这里是文章内容示例。这个模板采用了渐变色彩设计，背景使用柔和的蓝灰渐变，序号采用粉红到粉紫的渐变，营造出温暖而现代的视觉效果。文字使用深蓝色系保证可读性，整体风格既专业又不失活力。
      </span>
    </p>

    <div style="text-align: right;">
      <a href="https://example.com" style="display: inline-flex; align-items: center; background: linear-gradient(to right, #6a11cb, #2575fc); color: white; text-decoration: none; font-weight: 600; font-size: 16px; padding: 10px 25px; border-radius: 30px; box-shadow: 0 4px 8px rgba(106,17,203,0.3); transition: all 0.3s ease;">
        <span style="margin-right: 10px;">More</span>
        <span style="font-size: 18px;">→</span>
      </a>
    </div>
  </div>
</section>